<!doctype html>
<html lang="en">
<head>
    @include('web.layout.head')
    <link rel="stylesheet" href="{{asset('/css/web/login/inc.css')}}">
    <link rel="stylesheet" href="{{asset('/css/web/login/login.css')}}">
    <link rel="stylesheet" href="{{asset('/css/web/login/forget.css')}}">
    <script src="{{asset('/js/web/login/login.js')}}"></script>
    <script src="{{asset('/js/web/login/slider.js')}}"></script>
</head>

<body>
<div class="header_log">
    <div class="w1200">
        <a class="logo fl" href="{{asset('/')}}">
            <img src="{{asset('/img/web/logo/logo.png')}}" alt="">
        </a>
        <div class="tell fl">欢迎登录</div>
    </div>
</div>
<div class="clear"></div>
<div id="banner_tabs" class="flexslider"  >
    <ul class="slides">
        <!-- <li>
            <a title="" target="_blank">
                <img src="{{asset('/img/web/login/img_login.png')}} " alt="">
            </a>
        </li> -->
        <li>
            <a title="">
               <img src="{{asset('/img/web/login/img_logon01.png')}} " alt="">
            </a>
        </li>
    </ul>
    <!-- <ul class="flex-direction-nav">
        <li><a class="flex-prev" href="javascript:;">Previous</a></li>
        <li><a class="flex-next" href="javascript:;">Next</a></li>
    </ul> -->
    <!-- <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
        <li><a>1</a></li>
        <li><a>2</a></li>
    </ol> -->
</div>
<div class="login-wrap" >
    <div class=" f-cb">
        <div class="fr log-box">
        <div class="nav_login" style="overflow: hidden;">
            <div class="ptlogin xuanzhong">账户登录</div>
            <div class="kjlogin unxuanzhong">手机快捷</div>
            <a href="{{asset('/user/register')}} " class="fr">免费注册</a>
        </div>
        <input name='previousstep' type="hidden" value="{{$PreviousStep}}">
        <form id="frm-post" action="{{asset('/user/loginmember')}}" method="post" onsubmit="javascript:return false;">
                {{ csrf_field() }}
            <div class="denglu" id="ptlogin">
                <div class="inp-box user">
                    <input name='uname' class="tex" id="uname" type="text" placeholder="输入用户名/手机号码">
                    <span class="jm_error"></span>
                </div>
                <div class="inp-box pass">
                     <input name='pwd' class="tex" id="pwd" type="password" placeholder="输入密码">
                    <span class="jm_error"></span>
                </div>
                <div class="bot-link f-cb">

                    <a href="{{asset('/user/forget')}}" class="fr">忘记密码？</a>
                </div>
                <input class="sub-btn" type="submit" value="登　　录">

            </div>
        </form>
          <div id="kjlogin" style="display: none;">
                <div class="w10251 f-cb">
                    <div class="regi-wrap fr">

                        <div class="regi-tab ovh">
                <form id="frm-post-messages" action="{{asset('/user/messageslogin')}}" method="post" onsubmit="javascript:return false;">
                    {{ csrf_field() }}
                            <table style="margin-top: 20px;">

                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="inpbox phone">
                                                <input name="phone" id="phone" class="tex" type="text" placeholder="输入手机号" onkeyup="this.value=this.value.replace(/\D/g,'')">
                                                <span class="jm_error"></span>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td height="20"></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="row-box f-cb">
                                                <input name="phoneverify" id="phoneverify" class="s-tex tex fl" type="text" placeholder="输入手机验证码">
                                                <span class="jm_error"></span>
                                                <input type="button" class="fr code-btn" id="getcode" value="获取验证码">
                                                <div class="fr" id="timer"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td height="20"></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="bot-link f-cb">
                                                <a href="{{asset('/user/forget')}}" class="fr">忘记密码？</a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><input class="sub-btn-quick sub-btn" type="submit" value="登　　录"></td>
                                    </tr>
                                </tbody>
                            </table>
            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
@include('web.layout.footer_ware1')
<script type="text/javascript">
$(function() {
    //背景图轮播js
    var bannerSlider = new Slider($('#banner_tabs'), {
        time: 5000,
        delay: 400,
        event: 'hover',
        auto: true,
        mode: 'fade',
        controller: $('#bannerCtrl'),
        activeControllerCls: 'active'
    });
    $('#banner_tabs .flex-prev').click(function() {
        bannerSlider.prev()
    });
    $('#banner_tabs .flex-next').click(function() {
        bannerSlider.next()
    });
})
</script>
<script type="text/javascript">
    $(function(){
        //正常登陆 和快捷登录 切换
        $(".ptlogin").click(function(){
            $("#ptlogin").show();
            $(this).addClass("xuanzhong").removeClass("unxuanzhong");
            $("#kjlogin").hide();
            $(".kjlogin").removeClass("xuanzhong").addClass("unxuanzhong");
        });
        $(".kjlogin").click(function(){
            $("#kjlogin").show();
            $(this).addClass("xuanzhong").removeClass("unxuanzhong");
            $("#ptlogin").hide();
            $(".ptlogin").removeClass("xuanzhong").addClass("unxuanzhong");
        });
        $('#uname,#iphone,#phoneverify,#pwd').on('input propertychange',function(){
            $(this).val(Trim($(this).val(),'g'));
        });
        function Trim(str,is_global){
            var result;
            result = str.replace(/(^\s+)|(\s+$)/g,"");
            if(is_global.toLowerCase()=="g")
            {
                result = result.replace(/\s/g,"");
            }
            return result;

        }
    })
</script>
</body>
</html>